<template>
    <div>
        <div class="resetTitle">
            <router-link tag="div" to="../../my" class="imgs"><span class="iconfont icon-fanhui"></span></router-link>
            <div class="resetText">{{name}}</div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "headTop",
        data(){
            return{
                name:''
            }
        },
        methods:{

        },
        created() {
          var name = window.localStorage.getItem('name')
            this.name=name
        },
    }
</script>

<style lang="less" scoped>
    .resetTitle {
        width: 100%;
        padding: 15px 0;
        position: fixed;
        top: 0;
        left: 0;
        background: #f8f8f8;
        z-index: 10001;

        .imgs {
            position: absolute;
            left: 10px;
            top: 13px;

            span {
                font-size: 25px;
            }
        }

        .resetText {
            width: 100%;
            text-align: center;
            font-weight: bold;
            font-size: 16px;
        }
    }
</style>